<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:fmt="http://java.sun.com/jsp/jstl/fmt">

	<h:form>



		<p:panelGrid style="width:60%;">

			<p:row>
				<p:column >
					<h:outputLabel value="Año" />
				</p:column>
				<p:column>
					<p:inputText value=" " />
				</p:column>
			</p:row>

			<p:row>
				<p:column >
					<h:outputLabel value="Zonal" />
				</p:column>
				<p:column>
					<p:inputText value=" " />
				</p:column>
				<p:column >
					<h:outputLabel value="Departamento" />
				</p:column>
				<p:column>
					<p:inputText value=" " />
				</p:column>
				<p:column >
					<h:outputLabel value="Provincia" />
				</p:column>
				<p:column>
					<p:inputText value=" " />
				</p:column>
				<p:column >
					<h:outputLabel value="Distrito" />
				</p:column>
				<p:column>
					<p:inputText value=" " />
				</p:column>
			</p:row>

		</p:panelGrid>
		
		<p class="subtitle">
					<b>Lista CCPP por distrito</b>
		</p>
		
			<p:dataTable id="portafolios" var="por" paginator="true" rows="10"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">

				<p:column headerText="Ubigeo CCPP">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="Centro Poblado">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="Población Censada">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="Tipo de CCPP">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="Tipo Área">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="Tipo Región">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="Activo">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="Seleccionar">
					<h:outputText value=" " />
				</p:column>
			</p:dataTable>

		<p class="subtitle">
							<b>CCPP Asignados al Proyecto</b>
				</p>
			
			<p:dataTable id="portafolios2" var="por" paginator="true" rows="10"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">

				<p:column headerText="Ubigeo CCPP">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="Centro Poblado">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="Población Censada">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="Tipo de CCPP">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="Tipo Área">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="Tipo Región">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="Activo">
					<h:outputText value=" " />
				</p:column>
			</p:dataTable>

	</h:form>


</ui:composition>